/**
 * @license
 * Copyright 2024 The Model Explorer Authors. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *     http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 * ==============================================================================
 */

*:not(mat-icon) {
  /* stylelint-disable-next-line declaration-no-important -- override MDC */
  font-family: 'Google Sans Text', Arial, Helvetica, sans-serif !important;
  /* stylelint-disable-next-line declaration-no-important -- override MDC */
  letter-spacing: normal !important;
}

.title {
  font-size: 24px;
  font-weight: 500;
  margin-top: -16px;
}

.dialog-content {
  padding-bottom: 0;
}

.lib-container {
  margin: 18px 0;

  .name {
    font-size: 16px;
    font-weight: 700;
    color: var(--me-on-surface-color);
  }

  .copyright {
    font-size: 12px;
    color: var(--me-on-surface-variant-color);
  }

  .license-container {
    width: 520px;
    font-size: 11px;
    border: 1px solid var(--me-outline-variant-color);
    margin-top: 8px;
    background-color: var(--me-surface-container-low-color);
    height: 100px;
    overflow: hidden;
    position: relative;

    &.expanded {
      height: fit-content;
    }

    .license-content {
      white-space: pre-wrap;
      line-height: 14px;
      padding: 8px;
      overflow: hidden;
      height: 100%;
      box-sizing: border-box;
    }

    .icon-container {
      position: absolute;
      right: 8px;
      top: 8px;
      cursor: pointer;
      opacity: 0.8;

      &:hover {
        opacity: 1;
      }
    }
  }
}
